<template>
    <select v-on:change="xiu" :value="value">
        <option v-for="(item,index) in citys" :key="item.id" v-bind:value="item.id">{{ index+1 }} - {{ item.name }}</option>
    </select>
</template>

<script>
export default {
    props:{
        citys:{
            type:Array,
            required:true
        },
        // 当父组件使用v-model绑定数据时，子组件中 需要使用value 接收
        value:String
    },
    methods:{
        xiu(e){
            console.log(e)
            // 当父组件使用v-model绑定数据时，子组件中 固定方法input
            this.$emit('input', e.target.value)
        }
    }
};
</script>

<style>

</style>